@import "reset";
@import "foot-hd";

.page-wrap {
  position: relative;
  overflow: hidden;
  padding-top: 586px;
}

.inner {
  width: 1000px;
  position: relative;
  margin: 0 auto;
  overflow: hidden;
}

.zt-bg {
  height: 10368px;
  overflow: hidden;
  position: absolute;
  display: block;
  width: 1920px;
  left: 50%;
  top: 0;
  margin-left: -960px;
  img {
    position: relative;
    display: block;
    width: 1920px;
  }
}

.top-banner {
  position: absolute;
  top: 0;
  left: 0;
  background: url("../../img/zt/wuyi/top-nav-bg.png") repeat-x;
  height: 42px;
  line-height: 42px;
  width: 100%;
  font-size: 18px;
  .sz-city, .city-item {
    float: left;
    color: #FFFFFF;
  }
  .city-item {
    margin-left: 10px;
  }
  a {
    color: #FFFFFF;
    float: left;
    display: block;
    height: 42px;
    padding: 0 10px;
    margin-left: 10px;
    &:first-child {
      margin-left: 0;
    }
    &.active, &:hover {
      background-color: #ff6205;
    }
  }
  &.fix-top {
    position: fixed;
    top: 0;
    left: 0;
  }
}

.yh-wrap {
  background: url("../../img/zt/wuyi/mask-dot-white.png?__inline") repeat;
  box-shadow: 0 0 20px rgba(0, 0, 0, .4);
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .4);
  position: relative;
  padding: 30px 0;
  .main-con {
    width: 975px;
    margin: 0 auto 0 -4px;
  }
  h3 {
    color: #458019;
    text-align: center;
    font-size: 28px;
    line-height: 40px;
    margin-top: 25px;
    text-shadow: -2px 1px 0 #87e132;
  }
  .quans {
    margin: 15px auto 0;
    li {
      width: 285px;
      height: 135px;
      float: left;
      margin-left: 40px;
      margin-bottom: 15px;
    }
    img {
      width: 285px;
      height: 135px;
    }
  }
  .lq-form {
    //margin-top: 13px;
    overflow: hidden;
    .tip {
      text-align: center;
      color: #f5214c;
      font-size: 19px;
      font-weight: bold;
      margin-top: 5px;
    }
    .tip2 {
      color: #f5214c;
      text-align: center;
      font-size: 14px;
    }
    .yjlq {
      background: url("../../img/zt/wuyi/yjlq-btn.png?__sprite") no-repeat;
      width: 284px;
      height: 52px;
      margin: 0 auto;
      display: block;
      cursor: pointer;
      &:hover {
        background: url("../../img/zt/wuyi/yjlq-btn-hov.png?__sprite") no-repeat;
      }
    }
    .jj {
      background-color: #f15872;
      width: 285px;
      height: 35px;
      text-align: center;
      color: #fff;
      line-height: 35px;
      font-size: 24px;
      letter-spacing: 7px;
      margin-top: 5px;
    }
  }
  .rule {
    position: absolute;
    top: 10px;
    right: 30px;
    color: #7a7a7a;
    font-size: 20px;
    text-decoration: underline;
    cursor: pointer;
  }
}

.nav-bar {
  background: url("../../img/zt/wuyi/nav-bg.png?__sprite") no-repeat center;
  position: fixed;
  left: 50%;
  margin-left: 510px;
  margin-top: -306px;
  top: 50%;
  height: 613px;
  font-family: "Microsoft YaHei", sans-serif;
  font-size: 18px;
  text-align: center;
  width: 186px;
  z-index: 11;
  ul {
    position: absolute;
    left: 29px;
    top: 204px;
    width: 125px;
  }
  li {
    line-height: 37px;
    color: #5f77f6;
    font-weight: bold;
    cursor: pointer;
    &.active, &:hover {
      color: #e05757;
    }
  }
}

.floor-bg {
  position: relative;
  .floor-bg-head {
    display: block;
    width: 1920px;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -960px;
  }
}

.floor {
  width: 1000px;
  margin: 0 auto;
  position: relative;
}

.floor-wrap {
  padding: 0 9px;
}

.floor-head {
  padding: 10px 0;
  img {
    width: 100%;
    height: auto;
    display: block;
  }
}

.floor-tabs {
  overflow: hidden;
  margin-bottom: 10px;
  li {
    position: relative;
    cursor: pointer;
    width: 157px;
    height: 44px;
    background: url("../../img/zt/wuyi/tab-1.png?__sprite") no-repeat center;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #FFFFFF;
    font-size: 21px;
    float: left;
    margin-left: 5px;
    text-align: center;
    &:first-child {
      margin-left: 6px;
    }
    &.active {
      background: url("../../img/zt/wuyi/tab-1-hov.png?__sprite") no-repeat center;
    }
    p {
      line-height: 44px;
    }
    div {
      font-size: 15px;
    }
  }
  &.big-tabs {
    li {
      background: url("../../img/zt/wuyi/tab-large.png?__sprite") no-repeat center;
      width: 278px;
      height: 66px;
      p {
        margin-top: 10px;
        font-weight: bold;
        line-height: 22px;
      }
      div {
        margin-top: 2px;
      }
      &.active {
        color: #6816cd;
        background: url("../../img/zt/wuyi/tab-large-hov.png?__sprite") no-repeat;
      }
    }
  }
  &.tabs-2 {
    li {
      width: 189px;
      height: 53px;
      background: url("../../img/zt/wuyi/tab-2.png?__sprite") no-repeat center;
      p {
        line-height: 53px;
      }
      &.active {
        background: url("../../img/zt/wuyi/tab-2-hov.png?__sprite") no-repeat center;
      }
    }
  }
  &.tabs-3 {
    li {
      width: 157px;
      height: 43px;
      background: url("../../img/zt/wuyi/tab-3.png?__sprite") no-repeat center;
      p {
        line-height: 43px;
      }
      &.active {
        color: #6d19d9;
        background: url("../../img/zt/wuyi/tab-3-hov.png?__sprite") no-repeat center;
      }
    }
  }
}

.floor-tab-cons {
  .tab-con {
    display: none;
    &.active {
      display: block;
    }
    ul {
      padding-bottom: 17px;
    }
    li {
      width: 226px;
      padding: 6px;
      background-color: #FFFFFF;
      float: left;
      margin-left: 6px;
      margin-top: 7px;
      position: relative;
      transition: transform .3s linear;
      &:hover {
        box-shadow: 0 0 20px rgba(0, 0, 0, .4);
        -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .4);
        transform: translateY(-5px);
      }
    }
    .cover {
      width: 100%;
      height: 151px;
      display: block;
      position: relative;
      img {
        width: 100%;
        height: 100%;
        background: url("http://pic.lvmama.com/img/new_v/ui_scrollLoading/loading.gif") no-repeat center center;
      }
      em {
        background: url("../../img/zt/wuyi/item-mask-bg.png") repeat-x top;
        height: 23px;
        min-width: 100px;
        line-height: 23px;
        color: #FFFFFF;
        position: absolute;
        left: 0;
        top: 0;
        display: block;
        font-size: 15px;
        padding: 0 5px;
      }
      i {
        height: 30px;
        line-height: 30px;
        color: #FFFFFF;
        font-size: 15px;
        width: 100%;
        overflow: hidden;
        //padding: 0 5px;
        position: absolute;
        left: 0;
        bottom: 0;
        display: block;
        background: url("../../img/zt/wuyi/item-mask-bg.png") repeat-x top;
        b {
          font-weight: normal;
          padding: 0 5px;
        }
      }
      .mask-sq {
        width: 100%;
        height: 100%;
        position: absolute;
        background: url("../../img/zt/wuyi/sale-out.png?__sprite") no-repeat center;
        left: 0;
        top: 0;
      }
      .mask-wks {
        width: 100%;
        height: 100%;
        position: absolute;
        background: url("../../img/zt/wuyi/no-begin.png?__sprite") no-repeat center;
        left: 0;
        top: 0;
      }
    }
    .title {
      font-size: 16px;
      line-height: 18px;
      height: 36px;
      overflow: hidden;
      display: block;
      color: #000;
      padding: 5px 5px 0;
      margin-bottom: 10px;
      &:hover {
        color: #75267c;
      }
    }
    .price {
      font-size: 16px;
      span {
        position: relative;
        top: 5px;
      }
      em {
        font-size: 24px;
      }
      a {
        display: block;
        float: right;
        background-color: #6172f9;
        width: 84px;
        height: 35px;
        line-height: 35px;
        text-align: center;
        color: #FFFFFF;
        font-weight: bold;
        &:hover {
          background-color: #ee2848;
        }
      }
    }
    &.column-3 {
      li {
        width: 302px;
        margin-left: 10px;
        &.colspan-2 {
          width: 626px;
        }
      }
      .cover {
        height: 202px;
        em {
          height: 30px;
          line-height: 30px;
          font-size: 18px;
        }
        i {
          font-size: 20px;
          height: 39px;
          line-height: 39px;
          overflow: hidden;
        }
      }
      .title {
        font-size: 21px;
        line-height: 23px;
        height: 46px;
      }
      .price {
        font-size: 20px;
        span {
          font-size: 20px;
          top: 10px;
        }
        em {
          font-size: 30px;
        }
        a {
          width: 107px;
          height: 42px;
          line-height: 42px;
        }
      }
    }
  }
}

.floor-more {
  a {
    display: block;
    background: url("../../img/zt/wuyi/gdyh-btn.png?__sprite") no-repeat center;
    width: 113px;
    height: 28px;
    margin: 0 auto;
    &:hover {
      background: url("../../img/zt/wuyi/gdyh-btn-hov.png?__sprite") no-repeat center;
    }
  }
}

.ms-floor {
  background-color: #6571f7;
  padding-top: 44px;
  .floor-bg-head {
    height: 44px;
  }
  .floor-tabs {
    li {
      font-size: 26px;
    }
  }
}

.wc-floor {
  background-color: #93e2fe;
  .floor-bg-head {
    height: 62px;
  }
  .floor-head {
    padding-top: 28px;
  }
}

.cq-floor {
  background-color: #a4dd6f;
  .floor-bg-head {
    height: 55px;
  }
  .floor-head {
    padding-top: 32px;
  }
}

.bg-floor {
  background-color: #fab316;
  .floor-bg-head {
    height: 55px;
  }
  .floor-head {
    padding-top: 40px;
  }
}

.dt-floor {
  background-color: #93e2fe;
  .floor-bg-head {
    height: 55px;
  }
  .floor-head {
    padding-top: 40px;
  }
}

.mp-floor {
  background-color: #6573f7;
  .floor-bg-head {
    height: 55px;
  }
  .floor-head {
    padding-top: 40px;
  }
}

.jt-floor {
  background-color: #a4dd6f;
  .floor-bg-head {
    height: 55px;
  }
  .floor-head {
    padding-top: 40px;
  }
  .floor-wrap {
    background-color: #ffffff;
    padding-top: 20px;
  }
}

.ly-floor {
  background-color: #93e2fe;
  .floor-bg-head {
    height: 55px;
  }
  .floor-head {
    padding-top: 40px;
  }
  .floor-wrap {
    padding-top: 20px;
  }
}

.jd-floor {
  background-color: #6573f7;
  .floor-bg-head {
    height: 55px;
  }
  .floor-head {
    padding-top: 40px;
  }
  .floor-wrap {
    padding-top: 20px;
  }
}

.jc-floor {
  background-color: #fab316;
  .floor-bg-head {
    height: 55px;
  }
  .floor-head {
    padding-top: 40px;
  }
  .floor-wrap {
    padding-top: 20px;
  }
}

.air-ticket {
  margin-bottom: 20px;
  margin-left: 20px;
  .cover {
    float: left;
    background: url("../../img/zt/wuyi/ticket-preivew-bg.png?__sprite") no-repeat center;
    width: 445px;
    height: 251px;
    position: relative;
    img {
      width: 423px;
      height: 242px;
      display: block;
      margin-left: 17px;
      margin-top: 5px;
      background: #FFFFFF url("http://pic.lvmama.com/img/new_v/ui_scrollLoading/loading.gif") no-repeat center center;
    }
    i {
      background: url("../../img/zt/wuyi/ticket-preivew-tag.png?__sprite") no-repeat;
      background-size: cover;
      height: 43px;
      width: 77px;
      font-size: 20px;
      position: absolute;
      left: -2px;
      top: -2px;
      color: #FFFFFF;
      line-height: 43px;
      text-align: center;
    }
  }
  .lines {
    margin-left: 32px;
    float: left;
    .jp-head {
      background: url("../../img/zt/wuyi/jpxl-head.png?__sprite") no-repeat center;
      width: 159px;
      height: 32px;
    }
    ul {
      li {
        background: url("../../img/zt/wuyi/ait-ticket-bg.png?__sprite") no-repeat center;
        width: 465px;
        height: 45px;
        line-height: 45px;
        margin-top: 20px;
        color: #FFFFFF;
        font-size: 20px;
        .from {
          width: 170px;
          text-align: center;
        }
        i {
          display: inline-block;
          float: left;
          &:first-child {
            margin-left: 50px;
          }
        }
        a {
          float: right;
          background: url("../../img/zt/wuyi/ljqg-btn.png?__sprite") no-repeat center;
          width: 123px;
          height: 33px;
          color: #255286;
          line-height: 33px;
          text-align: center;
          margin-top: 6px;
          margin-right: 8px;
          &:hover {
            color: #FFFFFF;
            background: url("../../img/zt/wuyi/ljqg-btn-hov.png?__sprite") no-repeat center;
          }
        }
      }
    }
  }
  &.type-2 {
    .lines {
      margin-left: 0;
      .jp-head {
        background: url("../../img/zt/wuyi/jpxl-head-2.png?__sprite") no-repeat center;
      }
    }
    .cover {
      margin-left: 32px;
    }
  }
}

.crh-ticket {
  .crh-head {
    background: url("../../img/zt/wuyi/gtxl-head.png?__sprite") no-repeat center;
    width: 922px;
    height: 32px;
    margin: 0 auto;
  }
  .crh-body {
    width: 922px;
    margin: 0 auto;
    ul {
      background-color: #75b430;
      padding-bottom: 20px;
      margin-left: -20px;
      position: relative;
      overflow: hidden;
      width: 955px;
      margin-top: 5px;
    }
    li {
      float: left;
      margin-left: 23px;
    }
    a {
      display: block;
      background: url("../../img/zt/wuyi/piao-bg.png?__sprite") no-repeat center;
      width: 290px;
      height: 119px;
      margin-top: 20px;
      position: relative;
      &.color-1 {
        background: url("../../img/zt/wuyi/piao-bg-1.png?__sprite") no-repeat;
      }
      &.color-2 {
        background: url("../../img/zt/wuyi/piao-bg-2.png?__sprite") no-repeat;
      }
      &.color-3 {
        background: url("../../img/zt/wuyi/piao-bg-3.png?__sprite") no-repeat;
      }
    }
    .t-from, .t-from-py, .t-to, .t-to-py {
      position: absolute;
      width: 105px;
      text-align: center;
    }
    .t-from {
      font-size: 28px;
      top: 20px;
      left: 10px;
    }
    .t-from-py {
      font-size: 18px;
      top: 50px;
      left: 10px;
    }
    .t-to {
      font-size: 28px;
      top: 20px;
      right: 10px;
    }
    .t-to-py {
      font-size: 18px;
      top: 50px;
      right: 10px;
    }
    .price {
      position: absolute;
      width: 100%;
      left: 0;
      bottom: 0;
      text-align: center;
      color: #FFFFFF;
      font-size: 20px;
      line-height: 40px;
      vertical-align: bottom;
      em {
        font-size: 28px;
        vertical-align: bottom;
      }
    }
  }
}

.gzjc-wrap {
  width: 1000px;
  position: relative;
  margin: 0 auto;
  .gd-body {
    a {
      position: relative;
      display: block;
      float: left;
      overflow: hidden;
      transition: all .5s linear;
      -webkit-transition: all .5s linear;
      img {
        width: 100%;
        height: 100%;
        display: block;
        background: #FFFFFF url("http://pic.lvmama.com/img/new_v/ui_scrollLoading/loading.gif") no-repeat center center;
      }
      &:hover {
        box-shadow: -5px 5px 18px rgba(0, 0, 0, .4);
        -webkit-box-shadow: -5px 5px 18px rgba(0, 0, 0, .4);
        .labels {
          //display: block;
          opacity: 1;
          filter: alpha(opacity=100);
          .p1, .p2 {
            transform: translateY(0);
          }
        }
      }
    }
    .line-3 {
      margin-top: 20px;
      a {
        width: 306.6px;
        height: 165px;
        margin-left: 40px;
        &:first-child {
          margin-left: 0;
        }
      }
    }
  }
  .labels {
    width: 100%;
    height: 100%;
    background: url("../../img/zt/wuyi/mask-dot.png?__inline") repeat;
    position: absolute;
    left: 0;
    top: 0;
    color: #FFFFFF;
    text-align: center;
    font-size: 32px;
    line-height: 40px;
    opacity: 0;
    filter: alpha(opacity=0);
    //display: none;
    transition: all .5s linear;
    -webkit-transition: all .5s linear;
    .p1, .p2 {
      position: absolute;
      width: 100%;
      transition: all .2s linear;
      -webkit-transition: all .2s linear;
    }
    .p1 {
      top: 80px;
      transform: translateY(-150px);
    }
    .p2 {
      top: 130px;
      transform: translateY(150px);
    }
  }
}

.hzhb-wrap {
  width: 1000px;
  position: relative;
  margin: 30px auto 0;
  .hz-body {
    overflow: hidden;
    width: 1000px;
    position: relative;
    margin-left: -14px;
    padding-bottom: 20px;
    a {
      display: block;
      width: 236px;
      height: 162px;
      float: left;
      margin-left: 14px;
      transition: .5s all;
      &:hover {
        box-shadow: -4px 4px 8px rgba(113, 134, 100, 0.75);
      }
      img {
        display: block;
        width: 100%;
        height: 100%;
        background: url("http://pic.lvmama.com/img/new_v/ui_scrollLoading/loading.gif") no-repeat center center;
      }
    }
  }
}

.hc-bar {
  position: fixed;
  height: 100%;
  width: 120px;
  background-color: #190a22;
  left: -120px;
  top: 0;
  z-index: 10;
  font-family: "Arial", "microsoft yahei", serif;
  .sessionLink {
    margin-top: 200px;
  }
  .sessionLink li {
    background: #453d49;
    width: 112px;
    height: 28px;
    line-height: 28px;
    margin: 0 auto 4px;
    position: relative;
    border-radius: 10px;
  }
  .sessionLink li a {
    display: block;
    color: #fff;
    font-weight: bold;
    text-align: center;
    position: relative;
    font-size: 14px;
  }
  .sessionLink li a:hover {
    text-decoration: none;
  }
  .sessionLink li:hover, .sessionLink .cur {
    width: 133px;
    height: 28px;
    background: #6aa520;
    border-radius: 10px;
  }
  .sessionLink li:hover a, .sessionLink .cur a {
    width: 113px;
    height: 30px;
    text-align: center;
    margin: 0;
    padding-left: 3px;
  }
  .sessionLink li:hover i, .sessionLink .cur i {
    display: inline-block;
    background: url(../../img/zt/wuyi/arrow-right-1.png?__sprite) no-repeat center;
    width: 11px;
    height: 11px;
    position: absolute;
    top: 8px;
    right: 6px;
  }
  .sessionLink .mainVenue a {
    font-size: 18px;
  }

  .erwei {
    margin-top: 12px;
    img {
      display: block;
      margin: 0 auto;
    }
    p {
      text-align: center;
      color: #fff;
      font-size: 14px;
      font-family: "microsoft yahei", serif;
      line-height: 16px;
      margin-top: 5px;
    }
  }
}

.dlg-wrap {
  position: relative;
  z-index: 20;
  .t-mask {
    position: fixed;
    width: 100%;
    height: 100%;
    background: url("../../img/zt/wuyi/mask-dot.png?__inline") repeat;
    top: 0;
    left: 0;
    display: none;
  }
  .get-ok {
    background: url("../../img/zt/wuyi/get-ok.png?__sprite") no-repeat center;
    width: 601px;
    height: 275px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -300px;
    margin-top: -138px;
    display: none;
    .close-dlg {
      top: 38px;
      right: 52px;
    }
  }
  .get-err {
    background: url("../../img/zt/wuyi/get-err.png?__sprite") no-repeat center;
    width: 435px;
    height: 236px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -217px;
    margin-top: -69px;
    display: none;
    .close-dlg {
      top: 38px;
      right: 40px;
    }
  }
  .close-dlg {
    width: 19px;
    height: 19px;
    position: absolute;
    cursor: pointer;
    display: block;
  }
  .dlg-rule {
    background: url("../../img/zt/wuyi/dlg-rule.png") no-repeat;
    width: 685px;
    height: 677px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -342px;
    margin-top: -338px;
    display: none;
    .close-dlg {
      top: 41px;
      right: 46px;
    }
  }
  .rule-wrap {
    //background-color: #5f77f6;
    width: 590px;
    height: 530px;
    margin: 100px auto 0;
    overflow-y: auto;
    h4 {
      font-weight: normal;
      font-size: 15px;
      display: inline-block;
      background-color: #FFFFFF;
      border-radius: 10px;
      padding: 0 10px;
      margin-top: 10px;
      &:first-child{
        margin-top: 0;
      }
    }
    p {
      font-size: 14px;
      padding-left: 10px;
      &.b {
        padding-left: 20px;
      }
    }
  }
}
::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}

::-webkit-scrollbar-thumb {
  border-radius: 1em;
  background-color: rgba(50,50,50,0.3)
}
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0,0,0,0.3)
}

::-webkit-scrollbar-thumb {
  background: rgba(100,100,100,0.8)
}

::-webkit-scrollbar-corner,::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(100,100,100,0.4)
}
